<div class="main-content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12">
        <div class="card">
          <div class="card-header card-header-icon" data-background-color="rose">
            <i class="material-icons">assignment</i>
          </div>
          <div class="card-content">
            <h4 class="card-title">{{orgName}}</h4>
          </div>
          <div class="card-content">
            <ol class="breadcrumb">
              &gt;&nbsp;
              <li *ngFor="let link of subLinks">
                <a href="javascript:void(0);" routerLink="/org-management/{{link.orgId}}">{{link.orgName}}</a>
              </li>
            </ol>
            <!-- Main row -->
            <div class="box-header">
              <div class="box-tools pull-right form-inline">
                <span class="input-group hidden-xs hidden-sm" style="width:200px">
                  <input type="text" class="form-control" placeholder="请输入关键词" [(ngModel)]="searchKeywords">
                  <span class="input-group-btn">
                    <button class="btn btn-default btn-sm" type="button" (click)="clearKeywords()" data-container="body" data-toggle="popover"
                      data-trigger="hover" data-placement="top" data-content="清空关键词">
                      <i class="fa fa-eraser"></i>
                    </button>
                    <button class="btn btn-default btn-sm" type="button" (click)="displayData()" data-container="body" data-toggle="popover"
                      data-trigger="hover" data-placement="top" data-content="搜索">
                      <i class="fa fa-search"></i>
                    </button>
                  </span>
                </span>
                <button type="button" class="btn btn-info btn-sm" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="top"
                  data-content="返回上一级" (click)="upToParent(parentId)">
                  <i class="fa fa-arrow-up"></i>
                </button>
                <button type="button" class="btn btn-info btn-sm" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="top"
                  data-content="预览本公司树结构" (click)="displayTree()">
                  <i class="fa fa-list-ul"></i>
                </button>
                <button type="button" class="btn btn-info btn-sm" (click)="displayData()" data-container="body" data-toggle="popover" data-trigger="hover"
                  data-placement="top" data-content="刷新">
                  <i class="fa fa-refresh"></i>
                </button>
                <button *ngIf="showAdd" type="button" class="btn btn-success btn-sm" (click)="toAdd()">添加</button>
                <button *ngIf="showModify" type="button" class="btn btn-warning btn-sm" (click)="toModify()">修改</button>
                <button *ngIf="showMoveTo" type="button" class="btn btn-warning btn-sm" (click)="toMove()">移动到</button>
                <button *ngIf="showDelete" type="button" class="btn btn-danger btn-sm" (click)="toDelete()">删除</button>
              </div>
            </div>
            <!-- /.box-header -->
            <table class="table">
              <thead class="text-primary">
                <tr>
                  <th style="width:20px">
                    <input type="checkbox" (click)="checkAll()" [(ngModel)]="checkedAll">
                  </th>
                  <th (click)="sort('orgName')" [class.sorting]="orderBy!='orgName'" [class.sorting_asc]="orderBy=='orgName'&&orderType=='asc'"
                    [class.sorting_desc]="orderBy=='orgName'&&orderType=='desc'">组织机构名称</th>
                  <th (click)="sort('orgId')" [class.sorting]="orderBy!='orgId'" [class.sorting_asc]="orderBy=='orgId'&&orderType=='asc'" [class.sorting_desc]="orderBy=='orgId'&&orderType=='desc'"
                    class="hidden-xs">组织机构id</th>
                  <th (click)="sort('parentId')" [class.sorting]="orderBy!='parentId'" [class.sorting_asc]="orderBy=='parentId'&&orderType=='asc'"
                    [class.sorting_desc]="orderBy=='parentId'&&orderType=='desc'" class="hidden-xs hidden-sm">父节点id</th>
                  <th (click)="sort('orgType')" [class.sorting]="orderBy!='orgType'" [class.sorting_asc]="orderBy=='orgType'&&orderType=='asc'"
                    [class.sorting_desc]="orderBy=='orgType'&&orderType=='desc'" class="hidden-xs hidden-sm hidden-md">机构类型</th>
                  <th (click)="sort('comName')" [class.sorting]="orderBy!='comName'" [class.sorting_asc]="orderBy=='comName'&&orderType=='asc'"
                    [class.sorting_desc]="orderBy=='comName'&&orderType=='desc'" class="hidden-xs hidden-sm hidden-md">所属公司</th>
                  <th (click)="sort('isLocked')" [class.sorting]="orderBy!='isLocked'" [class.sorting_asc]="orderBy=='isLocked'&&orderType=='asc'"
                    [class.sorting_desc]="orderBy=='isLocked'&&orderType=='desc'" class="hidden-xs hidden-sm hidden-md">是否锁定</th>
                  <th class="hidden-xs hidden-sm hidden-md">所属集团</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let org of orgs">
                  <td style="width:20px">
                    <input type="checkbox" (click)="check(org.orgId)" value="{{org.orgId}}" class="org-list">
                  </td>
                  <td>
                    <a href="javascript:void(0);" routerLink="/org-management/{{org.orgId}}/1/{{pageSize}}/{{orderBy}}/{{orderType}}/{{searchKeywords}}">{{org.orgName}}</a>
                  </td>
                  <td class="hidden-xs">{{org.orgId}}</td>
                  <td class="hidden-xs">{{org.parentId}}</td>
                  <td class="hidden-xs">{{org.orgType=='COM'?'公司':org.orgType=='DEPT'?'部门':''}}</td>
                  <td class="hidden-xs">{{org.otherResults.comName}}</td>
                  <td class="hidden-xs hidden-sm hidden-md">{{org.isLocked}}</td>
                  <td class="hidden-xs hidden-sm hidden-md">{{org.otherResults.groupName}}</td>
                  <td>
                    <button *ngIf="showUserJobRoles" type="button" class="btn btn-xs btn-warning" (click)="manageUserJobRoles(org.orgId,org.orgName)">管理职员Roles</button>
                    <button *ngIf="!org.isLocked&&showLock" (click)="lock(org.orgId)" type="button" class="btn btn-xs btn-danger">锁定</button>
                    <button *ngIf="org.isLocked&&showUnlock" (click)="unlock(org.orgId)" type="button" class="btn btn-xs btn-success">解锁</button>
                  </td>
                </tr>
              </tbody>
            </table>
            <!-- /.box-body -->
            <div class="box-footer clearfix no-border">
              <div class="pull-right">
                <app-pagination [pageNo]="pageNo" [pageSize]="pageSize" [totalPages]="totalPages" [total]="total" (pageNoChange)="goToPage($event)"
                  (pageSizeChange)="setPageSize($event)"></app-pagination>
              </div>
            </div>
          </div>
        </div>
        <!-- /.row (main row) -->
        <!-- /.content -->
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="addModal" tabindex="-1" org="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">添加组织机构</h4>
      </div>
      <div class="modal-body">
        <div class="form-group form-inline">
          组织机构名称：
          <input type="text" id="to-add-org-name" class="form-control" placeholder="请输入组织机构名称" [(ngModel)]="toAddOrgName">
        </div>
        <div class="form-group form-inline">
          组织机构Code：
          <input type="text" id="to-add-org-code" class="form-control" placeholder="请输入组织机构Code" [(ngModel)]="toAddOrgCode">
        </div>
        <div class="form-group form-inline">
          机构类型：
          <mat-form-field>
            <mat-select id="to-add-org-type" [(ngModel)]="toAddOrgType" placeholder="类型">
              <mat-option value="COM">
                公司
              </mat-option>
              <mat-option value="DEPT">
                部门
              </mat-option>
            </mat-select>
          </mat-form-field>
        </div>
        <div class="form-group form-inline">
          父级节点：
          <span id="add-parent-id">{{orgName}}</span>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" (click)="add()">添加</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal -->
</div>
<div class="modal fade" id="modifyModal" tabindex="-1" org="dialog" aria-labelledby="modifyModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="modifyModalLabel">修改组织机构</h4>
      </div>
      <div class="modal-body">
        <div class="form-group form-inline">
          组织机构id：
          <span id="to-modify-org-id">{{toModifyOrgId}}</span>
        </div>
        <div class="form-group form-inline">
          组织机构名称：
          <input type="text" id="to-modify-org-name" class="form-control" placeholder="请输入组织机构名称" [(ngModel)]="toModifyOrgName">
        </div>
        <div class="form-group form-inline">
          组织机构Code：
          <input type="text" id="to-modify-org-code" class="form-control" placeholder="请输入组织机构Code" [(ngModel)]="toModifyOrgCode">
        </div>
        <div class="form-group form-inline">
          机构类型：
          <mat-form-field>
            <mat-select id="to-modify-org-type" [(ngModel)]="toModifyOrgType" placeholder="类型">
              <mat-option value="COM">
                公司
              </mat-option>
              <mat-option value="DEPT">
                部门
              </mat-option>
            </mat-select>
          </mat-form-field>
        </div>
        <div class="form-group form-inline">
          父级节点：
          <span id="modify-parent-id">{{orgName}}</span>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" (click)="modify()">修改</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal -->
</div>
<div class="modal fade" id="moveToModal" tabindex="-1" org="dialog" aria-labelledby="moveToModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="moveToModalLabel">移动到</h4>
      </div>
      <div class="modal-body">
        <ul class="treeview-menu" style="display:block">
          <li class="treeview" level="1">
            <input type="radio" name="moveToOrgId" value="{{toMoveOrgTree.orgId}}" style="width:20px">
            <label style="color:#3c8dbc">
              <i class="fa fa-user" style="width:20px"></i>{{toMoveOrgTree.orgName}}</label>
            <ul class="treeview-menu" style="display:block">
              <li *ngFor="let org of toMoveOrgTree.children;let idx=index" class="treeview" level="2">
                <input type="radio" name="moveToOrgId" value="{{org.orgId}}" style="width:20px">
                <label style="color:#3c8dbc">
                  <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</label>
                <ul class="treeview-menu" style="display:block">
                  <li *ngFor="let org of org.children" class="treeview" level="3">
                    <input type="radio" name="moveToOrgId" value="{{org.orgId}}" style="width:20px">
                    <label style="color:#3c8dbc">
                      <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</label>
                    <ul class="treeview-menu" style="display:block">
                      <li *ngFor="let org of org.children" class="treeview" level="4">
                        <input type="radio" name="moveToOrgId" value="{{org.orgId}}" style="width:20px">
                        <label style="color:#3c8dbc">
                          <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</label>
                        <ul class="treeview-menu" style="display:block">
                          <li *ngFor="let org of org.children" class="treeview" level="5">
                            <input type="radio" name="moveToOrgId" value="{{org.orgId}}" style="width:20px">
                            <label style="color:#3c8dbc">
                              <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</label>
                            <ul class="treeview-menu" style="display:block">
                              <li *ngFor="let org of org.children" class="treeview" level="6">
                                <input type="radio" name="moveToOrgId" value="{{org.orgId}}" style="width:20px">
                                <label style="color:#3c8dbc">
                                  <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</label>
                                <ul class="treeview-menu" style="display:block">
                                  <li *ngFor="let org of org.children" class="treeview" level="7">
                                    <input type="radio" name="moveToOrgId" value="{{org.orgId}}" style="width:20px">
                                    <label style="color:#3c8dbc">
                                      <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</label>
                                    <ul class="treeview-menu" style="display:block">
                                      <li *ngFor="let org of org.children" class="treeview" level="8">
                                        <input type="radio" name="moveToOrgId" value="{{org.orgId}}" style="width:20px">
                                        <label style="color:#3c8dbc">
                                          <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</label>
                                        <ul class="treeview-menu" style="display:block">
                                          <li *ngFor="let org of org.children" class="treeview" level="9">
                                            <input type="radio" name="moveToOrgId" value="{{org.orgId}}" style="width:20px">
                                            <label style="color:#3c8dbc">
                                              <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</label>
                                            <ul class="treeview-menu" style="display:block">
                                              <li *ngFor="let org of org.children" class="treeview" level="10">
                                                <input type="radio" name="moveToOrgId" value="{{org.orgId}}" style="width:20px">
                                                <label style="color:#3c8dbc">
                                                  <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</label>
                                              </li>
                                            </ul>
                                          </li>
                                        </ul>
                                      </li>
                                    </ul>
                                  </li>
                                </ul>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" (click)="move()">移动</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal -->
</div>
<div class="modal fade" id="displayTreeModal" tabindex="-1" org="dialog" aria-labelledby="displayTreesModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="displayTreesModalLabel">预览组织机构树</h4>
      </div>
      <div class="modal-body">
        <ul class="treeview-menu" style="display:block">
          <li class="treeview" level="1">
            <a href="javascript:void(0);" (click)="goToNode(displayOrgTree.orgId)" style="color:#3c8dbc;padding:0px;font-weight:700;margin-bottom:5px;">
              <i class="fa fa-user" style="width:20px"></i>{{displayOrgTree.orgName}}</a>
            <ul class="treeview-menu" style="display:block">
              <li *ngFor="let org of displayOrgTree.children;let idx=index" class="treeview" level="2">
                <a href="javascript:void(0);" (click)="goToNode(org.orgId)" style="color:#3c8dbc;padding:0px;font-weight:700;margin-bottom:5px;">
                  <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</a>
                <ul class="treeview-menu" style="display:block">
                  <li *ngFor="let org of org.children" class="treeview" level="3">
                    <a href="javascript:void(0);" (click)="goToNode(org.orgId)" style="color:#3c8dbc;padding:0px;font-weight:700;margin-bottom:5px;">
                      <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</a>
                    <ul class="treeview-menu" style="display:block">
                      <li *ngFor="let org of org.children" class="treeview" level="4">
                        <a href="javascript:void(0);" (click)="goToNode(org.orgId)" style="color:#3c8dbc;padding:0px;font-weight:700;margin-bottom:5px;">
                          <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</a>
                        <ul class="treeview-menu" style="display:block">
                          <li *ngFor="let org of org.children" class="treeview" level="5">
                            <a href="javascript:void(0);" (click)="goToNode(org.orgId)" style="color:#3c8dbc;padding:0px;font-weight:700;margin-bottom:5px;">
                              <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</a>
                            <ul class="treeview-menu" style="display:block">
                              <li *ngFor="let org of org.children" class="treeview" level="6">
                                <a href="javascript:void(0);" (click)="goToNode(org.orgId)" style="color:#3c8dbc;padding:0px;font-weight:700;margin-bottom:5px;">
                                  <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</a>
                                <ul class="treeview-menu" style="display:block">
                                  <li *ngFor="let org of org.children" class="treeview" level="7">
                                    <a href="javascript:void(0);" (click)="goToNode(org.orgId)" style="color:#3c8dbc;padding:0px;font-weight:700;margin-bottom:5px;">
                                      <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</a>
                                    <ul class="treeview-menu" style="display:block">
                                      <li *ngFor="let org of org.children" class="treeview" level="8">
                                        <a href="javascript:void(0);" (click)="goToNode(org.orgId)" style="color:#3c8dbc;padding:0px;font-weight:700;margin-bottom:5px;">
                                          <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</a>
                                        <ul class="treeview-menu" style="display:block">
                                          <li *ngFor="let org of org.children" class="treeview" level="9">
                                            <a href="javascript:void(0);" (click)="goToNode(org.orgId)" style="color:#3c8dbc;padding:0px;font-weight:700;margin-bottom:5px;">
                                              <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</a>
                                            <ul class="treeview-menu" style="display:block">
                                              <li *ngFor="let org of org.children" class="treeview" level="10">
                                                <a href="javascript:void(0);" (click)="goToNode(org.orgId)" style="color:#3c8dbc;padding:0px;font-weight:700;margin-bottom:5px;">
                                                  <i class="fa fa-user" style="width:20px"></i>{{org.orgName}}</a>
                                              </li>
                                            </ul>
                                          </li>
                                        </ul>
                                      </li>
                                    </ul>
                                  </li>
                                </ul>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal -->
</div>
<div class="modal fade" id="jobUserRolesModal" tabindex="-1" role="dialog" aria-labelledby="jobUserRolesModalLabel" aria-hidden="true">
  <div class="modal-dialog" style="width: 90%">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="jobUserRolesModalLabel">管理人员Roles</h4>
      </div>
      <div class="modal-body">
        <div class="container-fluid">
          <div class="row">
            <div id="minLoading" class="loading">正在加载数据……</div>
            <div class="col-md-12">
              <div class="card">
                <div class="card-header card-header-icon" data-background-color="rose">
                  <i class="material-icons">assignment</i>
                </div>
                <div class="card-content">
                  <h4 class="card-title">{{userJobRolesOrgName}}</h4>
                  <!-- Main row -->
                  <div class="box-header">
                    <div class="box-tools pull-right form-inline">
                      <span class="input-group hidden-xs hidden-sm" style="width:200px">
                        <input type="text" class="form-control" placeholder="请输入关键词" [(ngModel)]="minSearchKeywords">
                        <span class="input-group-btn">
                          <button class="btn btn-default btn-sm" type="button" (click)="clearMinKeywords()" data-container="body" data-toggle="popover"
                            data-trigger="hover" data-placement="top" data-content="清空关键词">
                            <i class="fa fa-eraser"></i>
                          </button>
                          <button class="btn btn-default btn-sm" type="button" (click)="displayMinData()" data-container="body" data-toggle="popover"
                            data-trigger="hover" data-placement="top" data-content="搜索">
                            <i class="fa fa-search"></i>
                          </button>
                        </span>
                      </span>
                      <button type="button" class="btn btn-info btn-sm" (click)="displayMinData()" data-container="body" data-toggle="popover"
                        data-trigger="hover" data-placement="top" data-content="刷新">
                        <i class="fa fa-refresh"></i>
                      </button>
                      <button *ngIf="showDeleteUserJobRoles" type="button" class="btn btn-danger btn-sm" (click)="toDeleteUserJobRoles()">删除选中角色</button>
                    </div>
                  </div>
                  <!-- /.box-header -->
                  <table class="table">
                    <thead class="text-primary">
                      <tr>
                        <th style="width:20px">
                          <input type="checkbox" (click)="checkAllUserJobRoles()" [(ngModel)]="checkedAllUserJobRoles">
                        </th>
                        <th (click)="minSort('jobId')" [class.sorting]="minOrderBy!='jobId'" [class.sorting_asc]="minOrderBy=='jobId'&&minOrderType=='asc'"
                          [class.sorting_desc]="minOrderBy=='jobId'&&minOrderType=='desc'">身份id</th>
                        <th (click)="minSort('userId')" [class.sorting]="minOrderBy!='userId'" [class.sorting_asc]="minOrderBy=='userId'&&minOrderType=='asc'"
                          [class.sorting_desc]="minOrderBy=='userId'&&minOrderType=='desc'">用户id</th>
                        <th (click)="minSort('username')" [class.sorting]="minOrderBy!='username'" [class.sorting_asc]="minOrderBy=='username'&&minOrderType=='asc'"
                          [class.sorting_desc]="minOrderBy=='username'&&minOrderType=='desc'">用户名</th>
                        <th (click)="minSort('realname')" [class.sorting]="minOrderBy!='realname'" [class.sorting_asc]="minOrderBy=='realname'&&minOrderType=='asc'"
                          [class.sorting_desc]="minOrderBy=='realname'&&minOrderType=='desc'" class="hidden-xs">真实姓名</th>
                        <th (click)="minSort('nickname')" [class.sorting]="minOrderBy!='nickname'" [class.sorting_asc]="minOrderBy=='nickname'&&minOrderType=='asc'"
                          [class.sorting_desc]="minOrderBy=='nickname'&&minOrderType=='desc'" class="hidden-xs hidden-sm">昵称</th>
                        <th (click)="minSort('email')" [class.sorting]="minOrderBy!='email'" [class.sorting_asc]="minOrderBy=='email'&&minOrderType=='asc'"
                          [class.sorting_desc]="minOrderBy=='email'&&minOrderType=='desc'" class="hidden-xs hidden-sm">电子邮箱</th>
                        <th (click)="minSort('cellphone')" [class.sorting]="minOrderBy!='cellphone'" [class.sorting_asc]="minOrderBy=='cellphone'&&minOrderType=='asc'"
                          [class.sorting_desc]="minOrderBy=='cellphone'&&minOrderType=='desc'" class="hidden-xs hidden-sm">手机</th>
                        <th (click)="minSort('isLocked')" [class.sorting]="minOrderBy!='isLocked'" [class.sorting_asc]="minOrderBy=='isLocked'&&minOrderType=='asc'"
                          [class.sorting_desc]="minOrderBy=='isLocked'&&minOrderType=='desc'" class="hidden-xs hidden-sm hidden-md">是否锁定</th>
                        <th class="hidden-xs hidden-sm hidden-md">所属集团</th>
                        <th class="hidden-xs hidden-sm hidden-md">组织机构</th>
                        <th class="hidden-xs hidden-sm hidden-md">职位</th>
                        <th class="hidden-xs hidden-sm hidden-md">角色</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr *ngFor="let user of jobUserRoles">
                        <td style="width:20px">
                          <input type="checkbox" (click)="checkUserJobRole()" value="{{user.otherResults.id}}" class="job-list">
                        </td>
                        <td>{{user.otherResults.jobId}}</td>
                        <td>{{user.userId}}</td>
                        <td>{{user.username}}</td>
                        <td class="hidden-xs">{{user.realname}}</td>
                        <td class="hidden-xs hidden-sm">{{user.nickname}}</td>
                        <td class="hidden-xs hidden-sm">{{user.email}}</td>
                        <td class="hidden-xs hidden-sm">{{user.cellphone}}</td>
                        <td class="hidden-xs hidden-sm hidden-md">{{user.isLocked}}</td>
                        <td class="hidden-xs hidden-sm hidden-md">{{user.otherResults.groupName}}</td>
                        <td class="hidden-xs hidden-sm hidden-md">{{user.otherResults.orgName}}</td>
                        <td class="hidden-xs hidden-sm hidden-md">{{user.otherResults.positionName}}</td>
                        <td class="hidden-xs hidden-sm hidden-md">{{user.otherResults.roleName}}</td>
                      </tr>
                    </tbody>
                  </table>
                  <!-- /.box-body -->
                  <div class="box-footer clearfix no-border">
                    <div class="pull-right">
                      <app-pagination [pageNo]="minPageNo" [pageSize]="minPageSize" [totalPages]="minTotalPages" [total]="minTotal" (pageNoChange)="goToMinPage($event)"
                        (pageSizeChange)="setMinPageSize($event)"></app-pagination>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal -->
</div>